<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@ include file="/WEB-INF/common/taglib.jsp" %>

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="renderer" content="webkit">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta content="微社区,Q生活" name="keywords"/>
<meta content="微社区,Q生活" name="description"/>
<title>微社区|Q生活</title>
<link rel="stylesheet" href="${ctx }/static/css/Master.css"/>
<link rel="stylesheet" href="${ctx }/static/css/jquery-labelauty.css"/>
<script type="text/javascript">
	//方便forgetPwd.js使用
	var contextPath = "${ctx}";  
</script>
<script src="${ctx }/static/js/jquery-1.9.0.min.js"></script>
<script src="${ctx }/static/js/jquery-labelauty.js"></script>
<script src="${ctx}/static/plugins/layer/layer.js"></script>
<%-- 基础js,所有页面都需要引入此js,依赖layer.js --%>
<script src="${ctx}/static/js/common/base.js"></script>
<script src="${ctx}/static/js/common/util.js"></script>
<script src="${ctx }/static/js/forgetPwd.js"></script>
<script type="text/javascript">
$(document).ready(function(){
	$.forgetPwd();
	$('.labelautybox :input').labelauty();
	$('#p').togglePassword({
		el: '#togglePassword'
	});
	$('#p2').togglePassword({
		el: '#togglePassword2'
	});
	
	//控制错误信息显示
	var errorTips = $('#error_tips');
	if(errorTips.text()){
		errorTips.show();
	}
});
</script>
</head>

<body class="utilSubmit">
<form id="forgetForm" action="" method="post">
<div class="loginBg">
	<div class="loginText"><img src="${ctx }/static/images/loginText.png" alt=""/></div>
	<div class="loginRight">
		<div class="login" >
		<span class="loginTopbg"></span>
		<span class="loginBottombg"></span>
		<div class="loginTitle"></div>
		<article class="W_login_form">
			<div class="loginTip" id="tips">
				<span class="tips error_tips" id="error_tips">${error}</span>
			</div>
			<div class="info_list">
				<div class="inp username">
					<label class="input_tips" id="uin_tips" for="u">请输入手机号</label>
					<input type="text" class="W_input" name="mobile" id="u" /><a class="uin_del" href="javascript:void(0);"></a>
				</div>
			</div>
			<div class="info_list pin_code">
				<div class="inp verify">
					<label class="input_tips" id="code_tips" for="n">短信验证码</label>
					<input type="text" class="W_input" name="code" id="n" maxlength="6">
					<button type="button" id="codeBtn" class="yzm_seed" style="none" >获取验证码</button>
				</div>
			</div>
			<div class="info_list">
				<div class="inp password">
					<label class="input_tips" id="pwd_tips" for="p">请输入密码</label>
					<input type="password" value="" class="W_input" name="newPassword" id="p" maxlength="16" >
					<div class="labelautybox labelautybox2"><input type="checkbox" name="checkbox" id="togglePassword" data-labelauty=" "></div>
				</div>
			</div>
			<div class="info_list">
				<div class="inp password">
					<label class="input_tips" id="pwd_tips" for="p2">确认密码</label>
					<input type="password" value="" class="W_input" id="p2" maxlength="16">
					<div class="labelautybox labelautybox2"><input type="checkbox" name="checkbox" id="togglePassword2" data-labelauty=" "></div>
				</div>
			</div>
			
			<div class="info_list yzm_send clearfix">
				<p id="codeP" class="ti" >提示：密码长度6-16位</p>
				<a href="javascript:void(0)" class="W_btn_g" id="login_button">提交</a>
				<a href="javascript:void(0)" class="W_btn_g" onclick="location.href='${ctx}/'" style="margin-left: 20px">返回</a>
			</div>
		</article>
	</div>
	</div>
</div>
</form>
</body>
</html>